<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
         
         ul li{
          width: 200px;
          height: 20px;
          margin-top: 10px;
        }
        ul li button {
          float: right;
        }
    </style>
</head>
<body>

    <div  >
        <li>1. Life was like a box of chocolates, you never know what you're gonna get. <span >(生命就像一盒巧克力，结果往往出人意料) </span></li>
        <li>2. Stupid is as stupid does. <span >(蠢人做蠢事，也可理解为傻人有傻福) </span></li>
        <li>3.Miracles happen every day. <span>(奇迹每天都在发生) </span></li>
        <li>4. Jenny and I was like peas and carrots.<span>(我和珍妮形影不离) </span></li>
        <li>5. Have you given any thought to your future?<span>(你有没有为将来打算过呢)</span></li>
        <li>6. You just stay away from me please.<span>(求你离开我) </span></li>
        <li>7. If you are ever in trouble, don't try to be brave, just run, just run away.<span>(你若遇上麻烦，不要逞强，你就跑，远远跑开)</span> </li>
        <li>8. It made me look like a duck in water.<span>(它让我如鱼得水) </span></li>
        <li>9. Death is just a part of life, something we're all destined to do.<span>(死亡是生命的一部分，是我们注定要做的一件事) </span></li>
        <li>10. I was messed up for a long time.<span>(这些年我一塌糊涂) </span></li>
        <li>11. I don't know if we each have a destiny, or if we're all just floating around accidental-like on a breeze.<span>(我不懂我们是否有着各自的命运，还是只是到处随风飘荡)</span></li>
        <button class="dian" >点我变变变</button>
    </div>
    <ul>
        <li>我是小红</li>
        <li>我是小绿</li>
        <li>我是小紫</li>
        <li>我是小黑</li>
  </ul>
  <button class="change">点我变颜色</button>
  
  <div >
      <input id="input"/>
      <button class="addButton">添加任务</button>
    
      <ul class="myul">
          <li>学前端<button>删除</button></li>
          <li>学不会<button>删除</button></li>
          <li>学一会<button>删除</button></li>
          <li>还不会<button>删除</button></li>
          <li>不学了<button>删除</button></li>
          
      </ul>
  
  </div> 

<script type="text/javascript" src="1.js"></script>
</body>
</html>


    